<div id="exchangeRate-plugin">
    <div class="exchangeRate-plugin-field">
        <div class="kintoneplugin-title">{{html:terms.exchangeRate_text_row1}}<span class="kintoneplugin-require">*</span></div>
        <div class="kintoneplugin-input-outer">
            <input class="kintoneplugin-input-text" type="text" id="relatedAppId">
        </div>
        <div class="exchangeRate-plugin-checkright">
            <span class="exchangeRate-plugin-img exchangeRate-plugin-img-right"></span>
        </div>
        <div class="exchangeRate-plugin-errormessage1">
            <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message1}}
        </div>
    </div>
    <div class="exchangeRate-plugin-field">
        <div class="kintoneplugin-title">{{html:terms.exchangeRate_text_row2}}<span class="kintoneplugin-require">*</span>
        <br/><span class="exchangeRate-plugin-note">{{html:terms.exchangeRate_text_row2_note}}</span>
        </div>
        <div class="kintoneplugin-select-outer">
            <select class="kintoneplugin-drop-down-select" id="balanceDate">
                <option value="-----">-----</option>
            </select>
        </div>
        <div class="exchangeRate-plugin-errormessage2">
            <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message2}}
        </div>
    </div>

    <table class="kintoneplugin-table" id="exchangeRateTable">
      <thead >
        <tr>
          <th class="kintoneplugin-table-th"><span class="title">{{html:terms.exchangeRate_text_column1}}</span></th>
          <th class="kintoneplugin-table-th"><span class="title">{{html:terms.exchangeRate_text_column2}}</span></th>
          <th class="kintoneplugin-table-th"><span class="title">{{html:terms.exchangeRate_text_column3}}</span></th>
          <th class="kintoneplugin-table-th-blankspace"></th>
        </tr>
      </thead>
      <tbody>
        <tr id="exchangeRateTableTr-default"  hidden="hidden">
          <td>
            <div class="kintoneplugin-table-td-control">
              <div class="kintoneplugin-table-td-control-value">
                <div class="kintoneplugin-input-outer">
                  <select class="kintoneplugin-drop-down-select" id="subtable-default">
                    <option value="-----">-----</option>
                  </select>
                </div>
              </div>
            </div>
          </td>
          <td>
            <div class="kintoneplugin-table-td-control">
              <div class="kintoneplugin-table-td-control-value">
                <div class="kintoneplugin-input-outer">
                  <select class="kintoneplugin-drop-down-select" id="currency-default">
                    <option value="-----">-----</option>
                  </select>
                </div>
              </div>
              <div class="exchangeRate-plugin-errormessage3">
                <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message3}}
              </div>
              <div class="exchangeRate-plugin-errormessage4">
                <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message4}}
              </div>
            </div>
          </td>
          <td>
            <div class="kintoneplugin-table-td-control">
              <div class="kintoneplugin-table-td-control-value">
                <div class="kintoneplugin-input-outer">
                  <select class="kintoneplugin-drop-down-select" id="exchangeRate-default">
                    <option value="-----">-----</option>
                  </select>
                </div>
              </div>
              <div class="exchangeRate-plugin-errormessage3">
                <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message3}}
              </div>
              <div class="exchangeRate-plugin-errormessage4">
                <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message4}}
              </div>
            </div>
          </td>
          <td class="kintoneplugin-table-td-operation">
            <button type="button" class="kintoneplugin-button-add-row-image" title="Add row"></button>
            <button type="button" class="kintoneplugin-button-remove-row-image" title="Delete this row"></button>
          </td>
        </tr>
        <tr id="exchangeRateTableTr-0">
          <td>
            <div class="kintoneplugin-table-td-control">
              <div class="kintoneplugin-table-td-control-value">
                <div class="kintoneplugin-input-outer">
                  <select class="kintoneplugin-drop-down-select" id="subtable-0">
                    <option value="-----">-----</option>
                  </select>
                </div>
              </div>
              <div class="exchangeRate-plugin-errormessage5">
                <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message5}}
              </div>
            </div>
          </td>
          <td>
            <div class="kintoneplugin-table-td-control">
              <div class="kintoneplugin-table-td-control-value">
                <div class="kintoneplugin-input-outer">
                  <select class="kintoneplugin-drop-down-select" id="currency-0">
                    <option value="-----">-----</option>
                  </select>
                </div>
              </div>
              <div class="exchangeRate-plugin-errormessage3">
                <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message3}}
              </div>
              <div class="exchangeRate-plugin-errormessage4">
                <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message4}}
              </div>
            </div>
          </td>
          <td>
            <div class="kintoneplugin-table-td-control">
              <div class="kintoneplugin-table-td-control-value">
                <div class="kintoneplugin-input-outer">
                  <select class="kintoneplugin-drop-down-select" id="exchangeRate-0">
                    <option value="-----">-----</option>
                  </select>
                </div>
              </div>
              <div class="exchangeRate-plugin-errormessage3">
                <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message3}}
              </div>
              <div class="exchangeRate-plugin-errormessage4">
                <span class="exchangeRate-plugin-img exchangeRate-plugin-img-wrong"></span>{{html:terms.exchangeRate_error_message4}}
              </div>
            </div>
          </td>
          <td class="kintoneplugin-table-td-operation">
            <button type="button" class="kintoneplugin-button-add-row-image" title="Add row"></button>
            <button type="button" class="kintoneplugin-button-remove-row-image" title="Delete this row"></button>
          </td>
        </tr>
      </tbody>
    </table>
    <div style="margin:50px 0 0 20px;">
      <button id="setting_submit" class="kintoneplugin-button-dialog-ok" type="button">{{html:terms.exchangeRate_plugin_submit}}</button>
      <button id="setting_cancel" class="kintoneplugin-button-dialog-cancel" type="button">{{html:terms.exchangeRate_plugin_cancel}}</button>
    </div>
</div>